<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>.::IFConnect::.</title>
        <link href="../styles/mainadmin.css" type="text/css" rel="stylesheet" media="all" />      
    </h:head>
    <h:body>

        <div id="cabecalho">
            <a href="principalAdmin.xhtml" alt="Administração" title="Voltar a página principal de administração"><img src="../images/topadmin.png" width="700" height="100" alt="Área Administrativa" /></a>
            <br />
            <div id="logincontrol">
                <h:panelGrid columns="2">
                    <h:outputText value="Bem-vindo #{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}  " />
                    <h:form>
                        <h:commandLink value="Logoff" action="#{usuariologin.logout()}"/>
                    </h:form>
                </h:panelGrid>
            </div>
        </div>
        <div id="estrutura">
            <div id="conteudo">

                <h2>Painel de administração</h2>

                <h3>Cadastro de Cursos</h3>



                <h:form id="cad">
                    <p:growl/>
                    <p:fieldset legend="Informações Gerais">
                        <h:panelGrid columns="2">

                            <h:outputLabel  value="Nome:" for="nome"/>
                            <p:inputText id="nome" label="Nome" required="true" value="#{cursoMB.curso.nome}" styleClass="campoTexto" />

                            <h:outputLabel  value="Categoria:" for="categoria"/>
                            <p:inputText id="categoria" label="Categoria" required="true" value="#{cursoMB.curso.categoria}" styleClass="campoTexto" />

                            <h:outputLabel  value="Área:" for="area"/>
                            <p:inputText id="area" label="Area" required="true" value="#{cursoMB.curso.area}" styleClass="campoTexto" />

                            <h:outputLabel  value="Descrição:" for="descricao"/>
                            <p:inputTextarea id="descricao" label="Descricao" required="true" value="#{cursoMB.curso.descricao}" styleClass="campoTextArea" />

                            <h:outputLabel  value="Campus:" for="campus"/>
                            <p:selectOneMenu id="campus" value="#{cursoMB.idCampus}" effect="fade">  
                                <f:selectItem itemLabel="Selecione um Campus" noSelectionOption="true" />  
                                <f:selectItems value ="#{cursoMB.listCampus}" var="campus" itemValue ="#{campus.id}" itemLabel ="#{campus.nome}" />
                            </p:selectOneMenu>

                            <p:commandButton value="Salvar" update=":form, cad" action="#{cursoMB.addCurso()}" image="ui-icon ui-icon-disk"/>  

                        </h:panelGrid>



                    </p:fieldset>

                    <h3>Cursos Cadastrados</h3>

                </h:form>
                <h:form id="form">

                    <p:growl/>
                    <p:dataTable id="table-cursos" value="#{cursoMB.listaCursos}" var="curso" tableStyle="width:100%" paginator="true" rows="10"  
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15">
                        <p:column headerText="ID" sortBy="#{curso.id}" >  
                            <h:outputText value="#{curso.id}" />  
                        </p:column>

                        <p:column headerText="NOME" sortBy="#{curso.nome}">  
                            <h:outputText value="#{curso.nome}" />  
                        </p:column>

                        <p:column headerText="CATEGORIA" sortBy="#{curso.categoria}">  
                            <h:outputText value="#{curso.categoria}" />  
                        </p:column>

                        <p:column headerText="AREA" sortBy="#{curso.area}">  
                            <h:outputText value="#{curso.area}" />  
                        </p:column>

                        <p:column style="width:40px">  
                            <p:commandButton id="selectButton" update=":form:display" oncomplete="cursoDialog.show()" icon="ui-icon-search" title="View">  
                                <f:setPropertyActionListener value="#{curso}" target="#{cursoMB.cursoSelecionado}" />  
                            </p:commandButton>  
                        </p:column>  
                    </p:dataTable>

                    <p:dialog header="Detalhes do Curso" widgetVar="cursoDialog" resizable="false" id="cursoDlg" dynamic="true" 
                              showEffect="fade" hideEffect="explode" modal="true">  

                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  

                            <h:outputText value="ID:" />  
                            <h:outputText value="#{cursoMB.cursoSelecionado.id}" style="font-weight:bold"/>  

                            <h:outputText value="NOME:" />  
                            <h:outputText value="#{cursoMB.cursoSelecionado.nome}" style="font-weight:bold"/>  

                            <h:outputText value="CATEGORIA:" />  
                            <h:outputText value="#{cursoMB.cursoSelecionado.categoria}" style="font-weight:bold"/>  

                            <h:outputText value="ÁREA:" />  
                            <h:outputText value="#{cursoMB.cursoSelecionado.area}" style="font-weight:bold"/>  

                            <h:outputText value="DESCRIÇÃO:" />  
                            <h:outputText value="#{cursoMB.cursoSelecionado.descricao}" style="font-weight:bold"/>  

                            <p:commandButton value="Excluir" onclick="confirmation.show()" icon="ui-icon-trash" type="button" />
                            <p:commandButton value="Atualizar" update=":cad" action="#{cursoMB.atualizaCurso()}" icon="ui-icon-refresh" oncomplete="cursoDialog.hide();" />


                        </h:panelGrid>  

                    </p:dialog>  

                    <p:confirmDialog id="confirmDialog" message="Tem certeza que deseja excluir o curso?" header="Excluir Curso" severity="alert" widgetVar="confirmation">  
                        <p:commandButton id="confirm" value="Confirmar" update="form" oncomplete="confirmation.hide()" action="#{cursoMB.excluirCurso()}" />  
                        <p:commandButton id="decline" value="Cancelar" onclick="confirmation.hide()" type="button" />   
                    </p:confirmDialog>
                </h:form>  

            </div>
        </div>
    </h:body>
</html>